<!DOCTYPE html>
<html ng-app="sc_shop_app">

<head>
  <meta charset="utf-8">
  <title>订单详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link href="../nightly/css/ionic.css" rel="stylesheet">
  <link href="../css/main.css" rel="stylesheet">
  <link href="../js/alertifyjs/css/alertify.css" rel="stylesheet">
  <!--标准mui.css-->
  <link rel="stylesheet" href="../js/mui/css/mui.min.css">
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../js/mui/css/app.css" />

  <script src="../js/mui/js/mui.min.js"></script>
  <script src="../js/allJs.js"></script>
  <style>
    .padding-content {
      top: 6em;
      padding-left: 0;
      padding-right: 0;
    }
    
    .summary-footer {
      height: 3.5em;
      border-top: 1px solid #ddd;
    }
    
    .has_footer {
      bottom: 3.5em;
    }
    
    ion-content>div {
      height: 100%;
    }
    
    .food-item {
      width: 100%;
      float: left;
      clear: both;
    }
    
    .food-item-left {
      width: 40%;
      float: left;
      clear: left;
    }
    
    .food-item-left img {
      width: 100%;
      display: block;
      height: 4em;
    }
    
    .food-item-right {
      width: 50%;
      float: right;
      clear: right;
    }
    
    .text {
      width: 100%;
      float: left;
      text-align: left;
    }
    
    .summary-left {
      margin-left: .5em;
      width: 100%;
      float: left;
      /*        line-height: 32px;*/
      text-align: left;
    }
    
    .summary-right {
      float: right;
      width: 20%;
    }
    
    .btn-change {
      min-width: 1.5em;
      min-height: 1.5em;
      line-height: normal;
    }
    
    .goods-list {
      width: 100%;
      float: left;
      background: white;
    }
  </style>
</head>

<body>
  <!--<ion-view ng-controller="ProductCtrl">-->
  <ion-view ng-controller="orderDetailContr">
    <header class="mui-bar mui-bar-nav">
      <button type="button" class="mui-btn mui-btn-link">
		            <span class="mui-icon mui-icon-back"></span>
		            返回
		        </button>
      <h1 class="mui-title">订单详情</h1>
    </header>
    <ion-content class=" has_footer" style="background: #ddd;overflow-y: scroll;background-color: #EEEEF3 !important;top: 3em !important;height: 100%;">
      
      <ul class="mui-table-view change_address">
        <li class="mui-table-view-cell " style="line-height: 2em;">
          订单编号:<span ng-bind="id"></span><br>
          下单时间:<span ng-bind="order_goods[0].createTime"></span>
        </li>
      </ul>
      
      <!-- 收货地址栏 -->

      <ul class="mui-table-view change_address">
        <li class="mui-table-view-cell " style="line-height: 2em;">
          <span style="color:#007aff" class="mui-icon mui-icon-contact"></span>&nbsp;<span ng-bind="address.username"></span>&nbsp;&nbsp;&nbsp;
          <span style="color:#007aff" class="mui-icon mui-icon-phone"></span>&nbsp;<span ng-bind="address.tel"></span><br>
          <span ng-bind="address.city+address.cityDetail"></span>
        </li>
      </ul>


      <div class="goods-list">
        <ion-list>
          <ion-item >
            <ul class="mui-table-view">
              <li class="mui-table-view-cell mui-media" ng-repeat="item in order_goods" >
                <a href="javascript:;">
                  <img class="mui-media-object mui-pull-left" src="{{IMAGE_IP}}/api{{item.picture}}">
                  <div class="mui-media-body">
                    {{item.goodsName}}
                    <p class='mui-ellipsis'>× <span ng-bind="item.num"></span></p>
                  </div>
                </a>
                <span style="background-color:#fff !important;color: #e42112;" class="mui-badge mui-badge-primary">￥{{item.goodsPrice}}</span>
              </li>
            </ul>


          </ion-item>
        </ion-list>
      </div>

      <ul class="mui-table-view ">
        <li class="mui-table-view-cell">支付方式 <span class="mui-badge mui-badge-primary">网上支付</span></li>
      </ul>

      <ul class="mui-table-view ">
        <li class="mui-table-view-cell">发票信息 <span class="mui-badge mui-badge-primary">无</span></li>
      </ul>


      <ul class="mui-table-view ">
        <li class="mui-table-view-cell">商品金额:<span  class="mui-badge mui-badge-primary">￥{{goodsAmount}}</span></li>

      </ul>

      <ul class="mui-table-view ">
        <li class="mui-table-view-cell">运费:<span class="mui-badge mui-badge-primary">+￥0</span></li>
      </ul>

    </ion-content>

    

  </ion-view>


</body>

</html>